<template>
  <div id="content">
    <!-- sideBar 侧边栏-->
    <div class="sideBar">
      <!-- 侧边菜单栏-->
      <div class="box" id="sideMenu">
        <div class="hd"><h3>组织机构</h3></div>
        <div class="bd">
          <ul class="menuList">
            <li :class="[(index+1)%2===0?'even':'',item.postId==postIdChange?'on':'']" class="li2" v-for="(item,index) in postList" :key="index">
              <a @click="btnClick(item.postId)" :title="item.postName" href="javascript:void(0)">{{ item.postName }}</a>
            </li>
          </ul>
        </div>
      </div>
    </div>

    <!-- 主要内容-->
    <div class="mainContent">
      <div class="mianBox" id="articleList">
        <Breadcrumb></Breadcrumb>
        <div style="border-left: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;">
          <!-- 正文内容-->
          <div v-if="key==='/post/list'" class="wBd">
            <div class="contArticle">
              <!-- 标题 -->
              <div class="contArticle_tit">
                <h2>中原工学院大学生社团联合会组织机构</h2>
              </div>
              <div class="contArticle_author">
                <span>成立于：2006年10月</span>
                <span>隶属：校团委</span>
                <span>性质：学生团体</span>
              </div>
              <!-- 正文 -->
              <div class="contArticle_text">
                <img style="width: 100%;text-align: center;height: 100%" src="@/assets/images/post.png">
                <div style="text-indent: 2rem;" id="fontzoom">
                  <p>为了加强对社团的管理,让社团活动更加有序化、制度化,大学
                    生社团联合会下设的组织机构有:主席团、秘书处、办公室、综合管
                    理部、宣传部、新闻采编部、外联部、公益部、策划部、社团发展中
                    心,其中社团发展中心下设科技文化类中心,公益实践类中心，艺术爱好类中心和运动休闲类中心分管我校四大类社团。
                  </p>
                  <p>我们的宗旨：丰富校园文化，张扬青春激情。</p>
                  <p>我们的主题：张扬个性，展现风采。</p>
                  <p>我们的使命：奉献、服务、成长。</p>
                  <p>我们的格言：请原谅我们存在不足，请相信我们一直在努力。</p>
                  <p>我们的愿景：让社团成为每一位中工学子心中最美的家园。</p>
                  <p>我们的追求：至诚、至善、至精、至美。</p>
                  <p>我们的人才观：尊重思想，尊重创意，尊重人才。</p>
                  <p>我们的核心价值观：明德修身,止于至善。</p>
                  <p>我们倡导的社团工作：大众认同，大众参与，大众成就，大众分享。</p>
                </div>
              </div>
              <div style="margin-top: 20px;"></div>
            </div>
          </div>
          <router-view></router-view>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { listPost, getPost, updatePost } from '@/api/post'

export default {
  name: 'Post',
  inject:['reloadMain'],  //注入依赖
  data() {
    return {
      postList: [], // 组织表格数据
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        postName: undefined,
        status: '0'
      },
      total: 0
    }
  },
  computed: {
    key() {
      return this.$route.path
    },
    postIdChange(){
     return sessionStorage.getItem("postId")
    }
  },
  created() {
    this.getPostList()
  },
  methods: {
    /** 查询组织列表 */
    getPostList() {
      listPost(this.queryParams).then(response => {
        this.postList = response.rows
        this.total = response.total
      })
    },
    btnClick(id) {
      sessionStorage.setItem("postId",id)
      this.$router.push({
        path: '/post/list/edit',
        query: {
          id: id
        }
      })
      this.reloadMain();
    }
  }
}
</script>

<style scoped>

</style>
